<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel='stylesheet' type='text/css' href='resources/dynatree/skin/ui.dynatree.css' >
<title>tree view demo</title>
</head>
<body>
	<div id="demo1">
		<ul>
			<li id="phtml_1" class="jstree-open"><ins class="jstree-icon">&nbsp;</ins><a
				href="#"><ins class="jstree-icon">&nbsp;</ins>Root node 1</a>
			<ul style="">
					<li id="phtml_2" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a
						href="#"><ins class="jstree-icon">&nbsp;</ins>Child node 1</a>
					</li>
					<li id="phtml_3" class="jstree-last jstree-leaf"><ins
							class="jstree-icon">&nbsp;</ins><a href="#"><ins
								class="jstree-icon">&nbsp;</ins>Child node 2</a>
					</li>


				</ul>
			</li>
			<li id="phtml_4" class="jstree-last jstree-leaf"><ins
					class="jstree-icon">&nbsp;</ins><a href="#"><ins
						class="jstree-icon">&nbsp;</ins>Root node 2</a>
			</li>
		</ul>
	</div>


	<!-- Include the required JavaScript libraries: -->
 <script src='resources/jquery/jquery.js' type="text/javascript"></script>

    <!-- Add code to initialize the tree when the document is loaded: -->
    <script type="text/javascript">

    
    $(function(){

    });
    </script>
</body>
</html>